<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Kristian Andersson</title>
<style>

body{	
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;	
   color:#000;
   margin: 0px;
	
}

#content{
	display:block;
	float:left;
	margin-left:200px;
	width:100%;
}

#top_bar{
	float:left;
	display:block;
	height:50px;
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 25px;
	width: 100%;
	
}

#profile_image{
	float:left;
	width:200px;
	margin-left: -200px;
	
}

#profile_info{
	padding: 10px;
	padding-top: 5px;
	width: 750px;
	float:left;
	height:200px;
	font-size: 16px;
	margin-right: 20px;
	
}

#fade_line{
	height:1px;
	display:block;
	background: #999; 
	width: 100%;
	float:left;
	margin-bottom: 0px;
	
}

ul{
	padding: 0px;
	margin: 0px;
	padding-bottom: 35px;
}

li{
	list-style: none;
	font-size: 12px;
}

li p{
	font-size: 14px;
	margin: 0px;
	
}
.bottom_image_container{
	
	float:left;
	padding-right: 45px;
	display: block;

	
}
.bottom_image{
	float:left;
	width:200px;
	height:150px;
	
}
.image_text{
	
	font-size: 10px;
	float: left;
	clear: left;

	
}
</style>

</head>
<body>
<div id="content">
<img id="profile_image" src="images/meg.jpg" />
<div id="top_bar">
Kristian Andersson

</div>
<div id="fade_line"></div>


<?php
$birthday = new DateTime('1985-12-31');
$today = new DateTime();
$interval = $birthday->diff($today);

?>
<div id="profile_info">
<ul>
<li>
Født:<br/>
<p><?php echo $birthday->format("Y"); echo $interval->format(' (%y år)'); ?></p>
<br/>
</li>

<li>
Utdannelse:
<br/><p>Videregående</p><br/>
</li>
<li> 
Arbeidserfaring:<br/><p>Jeg har jobbet på kino i ca. 10 år, som kinomaskinist. Var i et år innom den danske metro i København som steward.<br/> Har jobbet som kinomaskinist i bygdekinoen siden november 2012.</p><br/>
</li>
<li>
Faglige interesser/kvalifikasjoner:<br/><p>html, css, javascript, jquery, php, visual basic</p><br/>
</li>
<li>
Ide for prosjekt:<br/><p>Et system der kan fordele butiksmedarbejdere på en vagtplan.</p><br/>
</li>
<li>
Fritid:<br/><p>Programmering, kino, film og gadgets</p><br/>
</li>
<li> 
Motto:<br/>
<p>
"There is no such thing as failure. There are only results."
</p>
</li>
</ul>
<div class="bottom_image_container">
<img class="bottom_image" src="images/35mm.png" />
<span class="image_text">Old school maskinist</span>
</div>

<div class="bottom_image_container">
<img class="bottom_image" src="images/metro.png" />
<span class="image_text">Kørsel af metrotog</span>
</div>

<div class="bottom_image_container">
<img class="bottom_image" src="images/bygdekinoen.png" />
<span class="image_text">Bygdekinoen</span>
</div>

</div>
</div>
</body>
</html>


